$yellowColor : #f9b233;
$baseColor: #434343;
//定位全屏
@mixin allcover{
	position:absolute;
	top:0;
	right:0;
}

//定位上下左右居中
@mixin center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

//定位上下居中
@mixin ct {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

//定位上下居中
@mixin cl {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}



.brand-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	a {
		width: 20%;
		margin: 0 1% 0.2rem;
	}
}
.product-list-container {
	padding: 0.2rem 2% 0.8rem;
	.product-cnt {
		padding: 0.2rem 3%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.image {
			width: 50%;
		}
		.product-info {
			width: 50%;
			padding-left: 0.3rem;
			.price {
				font-size: 0.85rem;
				color: $yellowColor;
			}
		}
	}
	.no-more {
		font-size: 0.6rem;
		color: #666;
		text-align: center;
		line-height: 2rem;
	}
}
.filter-item-list, .filter-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	vertical-align: middle;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 0.1rem 0.3rem;
	text-align: center;
	li {
		width: 25%;
		padding: 0.2rem 0;
		list-style-type: none;
		&.selected {
			a {
				color: $yellowColor;
			}
			color: $yellowColor;
		}
	}
}
.filter-item-list {
	padding: 0.3rem 0.3rem 1rem;
	-webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
}
.product-default-cnt {
	text-align: center;
}
.price {
	font-size: 0.85rem;
	color: $yellowColor;
}